<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="css/main.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="header" name="header">走吧去旅行</div>
<div style="position: relative">
    <div class="m1">订单填写</div>
    <div class="m2">雁荡山</div>
    <div class="m3">预定数量：32张</div>
    <div class="m4">
        <span class="l">联系人信息：</span>
        <span class="r">常用联系人</span>

    </div>
    <div class="m5">
        <span class="m5l">手机号码：</span>
        <span class="m5r"><input type="text" placeholder="用于接收预定信息"></span>
    </div>
    <div class="m5">
        <span class="m5l">身份证号：</span>
        <span class="m5r"><input type="text" placeholder="用于检验凭证"></span>
    </div>
    <div class="m4">
        <span class="l">优惠活动</span>

    </div>
    <div  class="m7">使用积分
      <div class="m7r">
        本单可用积分抵扣
        <p>现有积分500分</p>
      </div>
    </div>
</div>
    

</div>
<div  class="m6">
    <span style="float: left;padding: 20px">
        <span>订单金额</span>
    <span style="color: #ff6201">￥5</span>
    </span>
    <span style="background:#fff101;float: right;padding: 20px;margin-right: 30px">提交订单</span>
</div>

</body>
</html>